import { courses } from "@/mock/course"

export default function HomeLanguage() {
  const courseItems = courses.map((course) => (
    <a className="btn btn-link" href={`/course/${course.id}`} role="button" key={course.id}>{course.name}</a>
  ));
  return (
    <div className="container">
      <div className="card">
        <h5 className="card-header">外语课程</h5>
        <div className="card-body">
          {courseItems}
        </div>
      </div>
    </div>
  );
}